@import '~taro-ui/dist/style/components/list.scss';
@import '~taro-ui/dist/style/components/icon.scss';
@import '~taro-ui/dist/style/components/search-bar.scss';
@import '~taro-ui/dist/style/components/button.scss';
@import '~taro-ui/dist/style/components/tabs.scss';
@import '~taro-ui/dist/style/components/flex.scss';
@import '~taro-ui/dist/style/components/avatar.scss';
@import '~taro-ui/dist/style/components/rate.scss';

.colleg {
  .imageContainer {
    width: 100%;

    image {
      width: 100%;
    }
  }

  .padding25 {
    padding: 25px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    .evaluation_title {
      font-size: 35px;
    }
    .evaluation_time {
      margin-top: 20px;
      font-size: 25px;
      color: #999;
    }
  }
  // 测试结果
  .resultContent {
    margin-top: 20px;
    background-color: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .resultContent_avatar {
      width: 200px;
      height: 200px;
      image {
        width: 100%;
        height: 100%;
      }
    }
    .resultContent_name {
      margin-top: 20px;
    }
    .resultContent_box {
      margin-top: 20px;
      padding: 25px;
      background-color: rgb(255, 183, 0);
      color: #fff;
      border-radius: 10px;
    }
    .resultContent_text {
      margin-top: 20px;
      border: 2px solid #999;
      border-radius: 10px;
      background-color: #f9f9f9;
      padding: 25px;
      word-spacing: 5px;
      width: 90%;
    }
  }

  // 推荐咨询师
  .wrapper {
    margin-top: 20px;
    padding: 20px 30px;
    height: 300px;
    // border-bottom: 2px solid #D8D8D8;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    // background-image: linear-gradient(-225deg, #DFFFCD 0%, #90F9C4 48%, #39F3BB 100%);
    border-radius: 30px;
    .btn {
      position: absolute;
      color: #ffb700;
      top: 20px;
      right: 40px;
      font-size: 28px;
      border: none;
      border: 2px solid #ffb700;
      padding: 0px 36px;
      line-height: 50px;
      background-color: #fff;
    }
    .content {
      height: 100%;
      display: flex;
      .right {
        height: 100%;
        margin-left: 20px;
        display: flex;
        flex-direction: column;
       justify-content: space-between;
        .rank {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 10px 0;
        }
        .noto {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          color: #999999;
          font-size: 28px;
        }
        .footer {
          margin-top: 20px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          font-size: 28px;
          View:nth-of-type(1) {
            color: #ff3b30;
          }
        }
      }
    }
  }

  // 相关课程 和 测试
  .recommend_column {
    margin-top: 20px;
    .recommend_column_title {
      background-color: #fff;
      padding: 25px;
      display: block;
      font-size: 30px;
    }
    .not_found_data{
      text-align: center;
      color: #999;
      font-size: 25rpx;
      margin-top: 25rpx;
    }
  }


.test_wrapper{

}
.course_wrapper{

}







  // 留言
  .LeavingMessage {
    margin-top: 25px;
    .LeavingMessage_title {
      background-color: #fff;
      padding: 25px;
      display: block;
      font-size: 30px;
    }

    .LeavingMessage_input_warpper {
      margin: 0 auto;
      background-color: #fff;
      .LeavingMessage_input {
        padding: 50px;
        margin: 0 auto;
      }
    }
    .placeholderClass {
      font-size: 30px;
    }
    .score {
      padding: 0 50px 20px 50px;
      background-color: #fff;
      .score_item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
      }
    }
    .check_wrapper {
      background-color: #fff;
      .check_center {
        // width: 35%;
        // margin: 0 auto;
      }
    }
    .submit_wrapper {
      // width: 100%;
      padding: 20px;
      background-color: #fff;
      .submit_btn {
        display: block;
        //  width: 100%;
        margin: 0 200px;
        padding: 25px 70px;
        background-color: #ffb700;
        color: #fff;
        border-radius: 10px;
        text-align: center;
      }
    }
  }
  .comment_list {
    background-color: #fff;
  }
}

// 内置样式
.at-checkbox__option--selected .at-checkbox__icon-cnt {
  background-color: rgb(255, 183, 0);
}

.at-checkbox {
  &::before {
    border-top: 1px solid #fff;
  }
  &::after {
    border-bottom: 1px solid #fff;
  }
}
